@import './colorui/mp-cu/colorUI/scss/ui';
@import './colorui/mp-sdk/icon/doc';
@import './assets/fonts/iconfont.wxss';

/*设置全局盒子模型*/
view,
scroll-view,
swiper,
swiper-item,
movable-area,
movable-view,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox-group,
checkbox,
form,
input,
label,
picker,
picker-view,
radio-group,
radio,
slider,
switch,
textarea,
navigator,
functional-page-navigator,
image,
video,
camera,
live-player,
live-pusher,
map,
canvas,
open-data,
web-view,
ad {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

/* 主题色 */
.theme {
    @extend .bg-grey-thin;
}

/* 顶部状态栏 */
.navbar {
    @extend .text-xl;
    @extend .text-bolder;
}

/* 所有容器的统一样式*/
.container {
    @extend .p-2;
    @extend .m-3;
    @extend .radius;
    color:var(--ui-BG-Main) !important;
}


// .gk-flex-row-center {
//     display: flex;
//     flex-direction: row;
//     align-items: center;
//     justify-content: center;
// }
// .flex-column{
//     flex-direction: column;
// }
// .gk-flex-row-space-around{
//     display: flex;
//     flex-direction: row;
//     align-items: center;
//     justify-content: space-around;
// }
// .gk-bg-translucent-05{
//     background-color: rgba(0,0,0,0.5);
// }
// .gk-btn-panel{
//     @extend .w-100;
//     @extend .p-2;
// }

.gk-btn-thin{
    border:4rpx solid var(--ui-BG-Main) !important;
    background-color: rgba(var(--ui-BG-Main), var(--ui-BG-opacity)) !important;
    color:var(--ui-BG-Main) !important;
}
.gk-btn{
    @extend .ui-BG-Main; 
}

page {
    background-color: var(--bg-color, #263238);
    color: var(--ui-BG-Main);
}

Image {
    height: auto;
}